extends layout

block content
  #home_banner.swiper-container.home_banner
    ul.swiper-wrapper.swiper-no-swiping
      li.swiper-slide
        img(src='img/index/home_banner_1.png')
      li.swiper-slide
        img(src='img/index/home_banner2.png')
      li.swiper-slide
        img(src='img/index/home_banner3.png')
      li.swiper-slide
        img(src='img/index/home_banner4.png')
    //如果需要分页器
    .swiper-pagination.pagination_hb
      //如果需要导航按钮
        <!--<div class="swiper-button-prev prev_hb"></div>
        <div class="swiper-button-next next_hb"></div>-->
    .m-log
      p.title
        span.span.log 登录
        label(for="")
          span.span(click="qr_login")
            img(src="img/index/home_qrcode.png")
            i 二维码登录

      form(action="").form-log
        .wrap-all
          .wrap.wrap1.g-box(style="width:250px")
            label(for="" style="position:relative")
              i.iconfont.icon-shouji
              input(type="text" placeholder="手机号" maxlength="25" style="width:250px")
          .wrap.wrap2.g-box(style="width:250px")
            label(for="" style="position:relative;width:250px")
              i.iconfont.icon-mima
              input(type="password" placeholder="密码" maxlength="25" style="width:250px")
          //.wrap.wrap3.g-box
          //  label(for="" style="position:relative")
          //    i.iconfont.icon-xinfeng
          //    input(type="text" placeholder="验证码" maxlength="25")
          //  button 获取验证码
          //.wrap.wrap4.g-box.u-radio
          //  inpug(type="checkbox" name="xy" id="xieyi" checked).u-cbox
          //  label(for="xieyi" class="iconfont")
          //  p.pro
          //    span 我已阅读并同意
          //    small &laquo;服务协议&raquo;和
          //    small &laquo;免责声明&raquo;
          .wrap.wrap5.g-box(style="width:250px")
            input(type="button" value="登录")
          .wrap.wrap6.g-box
            label
              span 没有账号 去注册
             
  #Cooperation
    .Operation
      ul.g-box
        li.g-box.opt
          img(src="img/index/home_selection.png" alt="")
          span 采用多维风控甄选优质企业
        li.g-box.opt
          img(src="img/index/home_bank.png" alt="")
          span xx银行资金监管
        li.g-box.opt
          img(src="img/index/home_lawyer.png" alt="")
          span xx律师事务所合作
        li.g-box.opt4
          p
            strong 运营时间
            span 一年356天
          p.p2
            strong 累计成交
            span 134亿1465天
          p.p3
            strong 服务用户
            span 134万
          p.p4
            button 查看更多

    hr(style="color:rgba(255,255,255,0.3")
    .Notice.g-box
      img(src="img/index/home_notice.png" alt="")
      span 更多公告
      p 城宝成功获得全年最佳<<互联网安全保障产品奖>>
      span(style="color:#23C596") 更多公告

  #det
    .g-box.det_hd
      hr
      span 债权
      hr
    //左右导航按钮
    .swiper-button-prev.g-box.prev_det
      img(src="img/index/left.png" alt="")
    .swiper-button-next.g-box.next_det
      img(src="img/index/right.png" alt="")
    .det_ct.swiper-container.swiper-no-swiping.det
      .dc_list.swiper-wrapper
       - for(var j=0; j<4; j++)
        ul.g-box.swiper-slide
         - for(var i=0; i<6; i++)
          li
            .dc_warp
              .dc_amout.g-box
                .dc_left
                  img(src="img/index/debt_money.png" alt=" " )
                  span.am1 247,900
                  span.am2 CNY
                .dc-right
                    span(style="color: #EF3F2D") 抢单中
              .dc_address.g-box
                .dc_left
                  span 中国-湛江
                .dc-right
                  span 2017年1月7日
              .dc_date.g-box
                .dc_left
                  span 预期19天
                .dc_right
                  span 去抢单

      .dc_page
        ul.dc_nav.swiper-pagination
        .dc_more
          span 查看更多


  #firm
    .f_warp.g-box
      .firm_left
        div
          h3 推荐企业
          p  精选优质企业
        img(src="/img/index/recommend_enterprise.png")
      .firm_right
        ul.f_r_warp.g-box
         -for(var i=0;i<8;i++)
          li.f_r_bui.g-box
            img(src="img/index/high_quality.png").f_r_label
            div.g-box
              img(src="img/index/home_lawyer.png" alt="" ).f_r_portrait
              span xxx有限公司
              img(src="img/index/star_on.png" alt="").f_r_grade
              .f_r_btn
                span.b_make 制作订单
                span.b_present 商家介绍

        .f_r_view
          span 查看更多
  #lawyer
    .f_warp.g-box
      .firm_left
        div
          h3 推荐律师
          p  高质量资深律师
        img(src="img/index/recommend_lawyer.png" alt="")
      .firm_right
        ul.f_r_warp.g-box
         -for(var i=0;i<8;i++)
          li.f_r_bui.g-box
            img(src="img/index/high_quality.png" ).f_r_label
            .g-box
              img(src="img/index/home_lawyer.png").f_r_portrait
              span 范维佳
              img(src="img/index/star_on.png" alt="").f_r_grade
              .f_r_btn
                span.b_make    联系律师
                span.b_present 律师咨询
        .f_r_view
          span 查看更多

  #news
    .n_warp.g-box
      .n_left
        h3 资讯中心
        img(src="img/index/information_center.png" alt="")
      .n_content
        ul.g-box
          li [新闻]xxxxxxxxxxxxxxxxxxxxxxxxxx
          li [公告]xxxxxxxxxxxxxxxxxxxxxxxxxx
          li [新闻]xxxxxxxxxxxxxxxxxxxxxxxxxx
          li [公告]xxxxxxxxxxxxxxxxxxxxxxxxxx
          li [新闻]xxxxxxxxxxxxxxxxxxxxxxxxxx
          li [新闻]xxxxxxxxxxxxxxxxxxxxxxxxxx
          li [公告]xxxxxxxxxxxxxxxxxxxxxxxxxx
      .n_right
        img(src="img/index/qrcode_app_download.png" alt="")



  #author
    h3 战略合作
    .author_warp.g-box
    .a_left.swiper-button-prev.prev_author.g-box
      img(src="img/index/left.png" alt="")
    .a_warp.g-box.swiper-container.author
      .a_content.swiper-wrapper.swiper-no-swiping
        ul.g-box.swiper-slide
         - for(var i=0; i<10; i++)
          li.g-box
            img(src="img/index/lianjin.png" alt="")

        ul.g-box.swiper-slide
         - for(var i=0; i<10; i++)
          li.g-box
            img(src="img/index/lianjin.png" alt="")

    .a_right.swiper-button-next.next_author.g-box
      img(src="img/index/right.png" alt="")

      //swiper
        //swiper
  script(type='text/javascript').
    $(".m-nav li").eq(0).addClass("current");
    var homeBanner = new Swiper('.home_banner', {
      // 分页器
      pagination: '.pagination_hb',
      paginationClickable: true,
      effect: 'fade',
      speed: 800,
      autoplay: 1000,
    });
    var det = new Swiper('.det', {
      // 如果需要前进后退按钮
      nextButton: '.next_det',
      prevButton: '.prev_det',
      pagination: '.swiper-pagination',
      paginationClickable: true,
      paginationBulletRender: function (swiper, index, className) {
        return '<li class="' + className + '">' + (index + 1) + '</li>';
      }
    });
    var author = new Swiper('.author', {
      // 如果需要前进后退按钮
      nextButton: '.prev_author',
      prevButton: '.next_author',
    })


  include foot